// 表单属性【右面板】
export const formConf = {
	formRef: "elForm",
	formModel: "formData",
	size: "medium",
	labelPosition: "right",
	labelWidth: 100,
	formRules: "rules",
	gutter: 15,
	disabled: false,
	span: 24,
	formBtns: true,
}

// 输入型组件 【左面板】
export const inputComponents = [
	{
		// 组件的自定义配置
		__config__: {
			label: "分隔符",
			showLabel: true,
			changeTag: true,
			tag: "el-divider",
			tagIcon: "el-icon-minus",
			defaultValue: undefined,
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/divider",
			// 正则校验规则
			regList: [],
			position: "left",
		},
		// 其余的为可直接写在组件标签上的属性
		style: { width: "100%" },
	},
	{
		// 组件的自定义配置
		__config__: {
			label: "纯文本",
			showLabel: true,
			changeTag: true,
			tag: "span",
			tagIcon: "el-icon-document",
			defaultValue: "显示内容",
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/divider",
			// 正则校验规则
			regList: [],
			itemClass: "font-size: 14px;color: #606266;",
		},
		// 其余的为可直接写在组件标签上的属性
		style: { width: "100%" },
	},
	{
		// 组件的自定义配置
		__config__: {
			label: "单行文本",
			labelWidth: null,
			showLabel: true,
			changeTag: true,
			tag: "el-input",
			tagIcon: "el-icon-edit",
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			document: "https://element.eleme.cn/#/zh-CN/component/input",
			// 正则校验规则
			regList: [],
			// 正则校验规则
			regList2: {
				id: null,
				pattern: null,
				message: "",
			},
		},
		// 组件的插槽属性
		__slot__: {
			prepend: "",
			append: "",
		},
		// 其余的为可直接写在组件标签上的属性
		placeholder: "请输入",
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false,
	},
	{
		__config__: {
			label: "多行文本",
			labelWidth: null,
			showLabel: true,
			tag: "el-input",
			tagIcon: "el-icon-tickets",
			defaultValue: undefined,
			required: true,
			layout: "colFormItem",
			span: 24,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/input",
		},
		type: "textarea",
		placeholder: "请输入",
		autosize: {
			minRows: 4,
			maxRows: 4,
		},
		style: { width: "100%" },
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false,
	},
	{
		__config__: {
			label: "密码",
			showLabel: true,
			labelWidth: null,
			changeTag: true,
			tag: "el-input",
			tagIcon: "el-icon-view",
			defaultValue: undefined,
			layout: "colFormItem",
			span: 24,
			required: true,
			regList: [],
			document: "https://element.eleme.cn/#/zh-CN/component/input",
		},
		__slot__: {
			prepend: "",
			append: "",
		},
		placeholder: "请输入",
		"show-password": true,
		style: { width: "100%" },
		clearable: true,
		"prefix-icon": "",
		"suffix-icon": "",
		maxlength: null,
		"show-word-limit": false,
		readonly: false,
		disabled: false,
	},
	{
		__config__: {
			label: "计数器",
			showLabel: true,
			changeTag: true,
			labelWidth: null,
			tag: "el-input-number",
			tagIcon: "el-icon-c-scale-to-original",
			defaultValue: undefined,
			span: 24,
			layout: "colFormItem",
			required: true,
			regList: [],
			document: "https://element.eleme.cn/#/zh-CN/component/input-number",
		},
		placeholder: "",
		min: undefined,
		max: undefined,
		step: 1,
		"step-strictly": false,
		precision: undefined,
		"controls-position": "",
		disabled: false,
	},
	// {
	//   __config__: {
	//     label: '编辑器',
	//     showLabel: true,
	//     changeTag: true,
	//     labelWidth: null,
	//     tag: 'tinymce',
	//     tagIcon: 'rich-text',
	//     defaultValue: null,
	//     span: 24,
	//     layout: 'colFormItem',
	//     required: true,
	//     regList: [],
	//     document: 'http://tinymce.ax-z.cn'
	//   },
	//   placeholder: '请输入',
	//   height: 300, // 编辑器高度
	//   branding: false // 隐藏右下角品牌烙印
	// },
	// {
	// 	__config__: {
	// 		label: "CK编辑器",
	// 		showLabel: true,
	// 		changeTag: true,
	// 		labelWidth: null,
	// 		tag: "fortress-editor",
	// 		tagIcon: "el-icon-edit-outline",
	// 		defaultValue: null,
	// 		span: 24,
	// 		layout: "colFormItem",
	// 		required: true,
	// 		regList: [],
	// 		document: "http://tinymce.ax-z.cn",
	// 	},
	// 	placeholder: "请输入",
	// 	height: 300, // 编辑器高度
	// 	branding: false, // 隐藏右下角品牌烙印
	// },
	{
		__config__: {
			label: "编辑器",
			showLabel: true,
			changeTag: true,
			labelWidth: null,
			tag: "fortress-editor",
			tagIcon: "el-icon-edit-outline",
			defaultValue: null,
			span: 24,
			layout: "colFormItem",
			required: true,
			regList: [],
			document: "http://tinymce.ax-z.cn",
		},
		placeholder: "请输入",
		height: 300, // 编辑器高度
		branding: false, // 隐藏右下角品牌烙印
	},
	{
		__config__: {
			label: "下拉选择",
			showLabel: true,
			labelWidth: null,
			tag: "el-select",
			tagIcon: "el-icon-arrow-down",
			layout: "colFormItem",
			span: 24,
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/select",
		},
		__slot__: {
			options: [
				{
					label: "选项一",
					value: 1,
				},
				{
					label: "选项二",
					value: 2,
				},
			],
		},
		placeholder: "请选择",
		style: { width: "100%" },
		clearable: true,
		disabled: false,
		filterable: false,
		multiple: false,
	},
	{
		__config__: {
			label: "级联选择",
			url: "https://www.fastmock.site/mock/f8d7a54fb1e60561e2f720d5a810009d/fg/cascaderList",
			method: "get",
			dataPath: "list",
			dataConsumer: "options",
			showLabel: true,
			labelWidth: null,
			tag: "el-cascader",
			tagIcon: "el-icon-connection",
			layout: "colFormItem",
			defaultValue: [],
			dataType: "static",
			span: 24,
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/cascader",
		},
		options: [
			{
				id: 1,
				value: "1",
				label: "选项1",
				children: [
					{
						id: 2,
						value: "2",
						label: "选项1-1",
					},
				],
			},
		],
		placeholder: "请选择",
		style: { width: "100%" },
		props: {
			props: {
				multiple: false,
				label: "label",
				value: "value",
				children: "children",
			},
		},
		"show-all-levels": true,
		disabled: false,
		clearable: true,
		filterable: false,
		separator: "/",
	},
	{
		__config__: {
			label: "单选框组",
			labelWidth: null,
			showLabel: true,
			tag: "el-radio-group",
			tagIcon: "el-icon-remove-outline",
			changeTag: true,
			defaultValue: undefined,
			layout: "colFormItem",
			span: 24,
			optionType: "default",
			regList: [],
			required: true,
			border: false,
			document: "https://element.eleme.cn/#/zh-CN/component/radio",
		},
		__slot__: {
			options: [
				{
					label: "选项一",
					value: 1,
				},
				{
					label: "选项二",
					value: 2,
				},
			],
		},
		style: {},
		size: "medium",
		disabled: false,
	},
	{
		__config__: {
			label: "多选框组",
			tag: "el-checkbox-group",
			tagIcon: "el-icon-circle-plus-outline",
			defaultValue: [],
			span: 24,
			showLabel: true,
			labelWidth: null,
			layout: "colFormItem",
			optionType: "default",
			required: true,
			regList: [],
			changeTag: true,
			border: false,
			document: "https://element.eleme.cn/#/zh-CN/component/checkbox",
		},
		__slot__: {
			options: [
				{
					label: "选项一",
					value: 1,
				},
				{
					label: "选项二",
					value: 2,
				},
			],
		},
		style: {},
		size: "medium",
		min: null,
		max: null,
		disabled: false,
	},
	{
		__config__: {
			label: "开关",
			tag: "el-switch",
			tagIcon: "el-icon-open",
			defaultValue: false,
			span: 24,
			showLabel: true,
			labelWidth: null,
			layout: "colFormItem",
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/switch",
		},
		style: {},
		disabled: false,
		"active-text": "",
		"inactive-text": "",
		"active-color": null,
		"inactive-color": null,
		"active-value": true,
		"inactive-value": false,
	},
	{
		__config__: {
			label: "滑块",
			tag: "el-slider",
			tagIcon: "el-icon-turn-off",
			defaultValue: null,
			span: 24,
			showLabel: true,
			layout: "colFormItem",
			labelWidth: null,
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/slider",
		},
		disabled: false,
		min: 0,
		max: 100,
		step: 1,
		"show-stops": false,
		range: false,
	},
	{
		__config__: {
			label: "时间选择",
			tag: "el-time-picker",
			tagIcon: "el-icon-time",
			defaultValue: null,
			span: 24,
			showLabel: true,
			layout: "colFormItem",
			labelWidth: null,
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/time-picker",
		},
		placeholder: "请选择",
		style: { width: "100%" },
		disabled: false,
		clearable: true,
		"picker-options": {
			selectableRange: "00:00:00-23:59:59",
		},
		format: "HH:mm:ss",
		"value-format": "HH:mm:ss",
	},
	{
		__config__: {
			label: "时间范围",
			tag: "el-time-picker",
			tagIcon: "el-icon-time",
			span: 24,
			showLabel: true,
			labelWidth: null,
			layout: "colFormItem",
			defaultValue: null,
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/time-picker",
		},
		style: { width: "100%" },
		disabled: false,
		clearable: true,
		"is-range": true,
		"range-separator": "至",
		"start-placeholder": "开始时间",
		"end-placeholder": "结束时间",
		format: "HH:mm:ss",
		"value-format": "HH:mm:ss",
	},
	{
		__config__: {
			label: "日期选择",
			tag: "el-date-picker",
			tagIcon: "el-icon-date",
			defaultValue: null,
			showLabel: true,
			labelWidth: null,
			span: 24,
			layout: "colFormItem",
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/date-picker",
		},
		placeholder: "请选择",
		type: "date",
		style: { width: "100%" },
		disabled: false,
		clearable: true,
		format: "yyyy-MM-dd",
		"value-format": "yyyy-MM-dd",
		readonly: false,
	},
	{
		__config__: {
			label: "日期时间选择",
			tag: "el-date-picker",
			tagIcon: "el-icon-date",
			defaultValue: null,
			showLabel: true,
			labelWidth: 120,
			span: 24,
			layout: "colFormItem",
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/date-picker",
		},
		placeholder: "请选择",
		type: "datetime",
		style: { width: "100%" },
		disabled: false,
		clearable: true,
		format: "yyyy-MM-dd",
		"value-format": "yyyy-MM-dd",
		readonly: false,
	},
	{
		__config__: {
			label: "日期范围",
			tag: "el-date-picker",
			tagIcon: "el-icon-date",
			defaultValue: null,
			span: 24,
			showLabel: true,
			labelWidth: null,
			required: true,
			layout: "colFormItem",
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/date-picker",
		},
		style: { width: "100%" },
		type: "daterange",
		"range-separator": "至",
		"start-placeholder": "开始日期",
		"end-placeholder": "结束日期",
		disabled: false,
		clearable: true,
		format: "yyyy-MM-dd",
		"value-format": "yyyy-MM-dd",
		readonly: false,
	},
	{
		__config__: {
			label: "日期时间范围",
			tag: "el-date-picker",
			tagIcon: "el-icon-date",
			defaultValue: null,
			span: 24,
			showLabel: true,
			labelWidth: 120,
			required: true,
			layout: "colFormItem",
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/date-picker",
		},
		style: { width: "100%" },
		type: "datetimerange",
		"range-separator": "至",
		"start-placeholder": "开始日期",
		"end-placeholder": "结束日期",
		disabled: false,
		clearable: true,
		format: "yyyy-MM-dd",
		"value-format": "yyyy-MM-dd",
		readonly: false,
	},
	{
		__config__: {
			label: "评分",
			tag: "el-rate",
			tagIcon: "el-icon-star-off",
			defaultValue: 0,
			span: 24,
			showLabel: true,
			labelWidth: null,
			layout: "colFormItem",
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/rate",
		},
		style: {},
		max: 5,
		"allow-half": false,
		"show-text": false,
		"show-score": false,
		disabled: false,
	},
	{
		__config__: {
			label: "颜色选择",
			tag: "el-color-picker",
			tagIcon: "el-icon-brush",
			span: 24,
			defaultValue: null,
			showLabel: true,
			labelWidth: null,
			layout: "colFormItem",
			required: true,
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/color-picker",
		},
		"show-alpha": false,
		"color-format": "",
		disabled: false,
		size: "medium",
	},
	// {
	//   __config__: {
	//     label: '上传',
	//     tag: 'el-upload',
	//     tagIcon: 'upload',
	//     layout: 'colFormItem',
	//     defaultValue: null,
	//     showLabel: true,
	//     labelWidth: null,
	//     required: true,
	//     span: 24,
	//     showTip: false,
	//     buttonText: '点击上传',
	//     regList: [],
	//     changeTag: true,
	//     fileSize: 2,
	//     sizeUnit: 'MB',
	//     document: 'https://element.eleme.cn/#/zh-CN/component/upload'
	//   },
	//   __slot__: {
	//     'list-type': true
	//   },
	//   action: 'https://jsonplaceholder.typicode.com/posts/',
	//   disabled: false,
	//   accept: '',
	//   name: 'file',
	//   'auto-upload': true,
	//   'list-type': 'text',
	//   multiple: false
	// },
	{
		__config__: {
			label: "图片上传",
			tag: "image-upload",
			tagIcon: "el-icon-picture-outline",
			layout: "colFormItem",
			defaultValue: null,
			showLabel: true,
			labelWidth: null,
			required: true,
			span: 24,
			showTip: false,
			buttonText: "点击上传",
			regList: [],
			changeTag: true,
			fileSize: 2,
			sizeUnit: "MB",
			document: "https://element.eleme.cn/#/zh-CN/component/upload",
			limit: 5,
		},
		__slot__: {
			"list-type": true,
		},
		action: "https://jsonplaceholder.typicode.com/posts/",
		disabled: false,
		accept: "",
		name: "file",
		"auto-upload": true,
		"list-type": "text",
		multiple: false,
	},
	{
		__config__: {
			label: "文件上传",
			tag: "file-upload",
			tagIcon: "el-icon-paperclip",
			layout: "colFormItem",
			defaultValue: null,
			showLabel: true,
			labelWidth: null,
			required: true,
			span: 24,
			showTip: false,
			buttonText: "点击上传",
			regList: [],
			changeTag: true,
			fileSize: 2,
			sizeUnit: "MB",
			document: "https://element.eleme.cn/#/zh-CN/component/upload",
			limit: 5,
		},
		__slot__: {
			"list-type": true,
		},
		action: "https://jsonplaceholder.typicode.com/posts/",
		disabled: false,
		accept: "",
		name: "file",
		"auto-upload": true,
		"list-type": "text",
		multiple: false,
	},
	{
		__config__: {
			label: "视频上传",
			tag: "video-upload",
			tagIcon: "el-icon-video-camera",
			layout: "colFormItem",
			defaultValue: null,
			showLabel: true,
			labelWidth: null,
			required: true,
			span: 24,
			showTip: false,
			buttonText: "点击上传",
			regList: [],
			changeTag: true,
			fileSize: 2,
			sizeUnit: "MB",
			document: "https://element.eleme.cn/#/zh-CN/component/upload",
		},
		__slot__: {
			"list-type": true,
		},
		action: "https://jsonplaceholder.typicode.com/posts/",
		disabled: false,
		accept: "",
		name: "file",
		"auto-upload": true,
		"list-type": "text",
		multiple: false,
	},
]

// 选择型组件 【左面板】
export const selectComponents = [
	{
		__config__: {
			label: "省市区",
			tag: "fortress-region",
			tagIcon: "el-icon-location-information",
			layout: "colFormItem",
			defaultValue: null,
			showLabel: true,
			labelWidth: null,
			required: true,
			span: 24,
			showTip: false,
			buttonText: "点击上传",
			regList: [],
			changeTag: true,
			fileSize: 2,
			sizeUnit: "MB",
			document: "https://element.eleme.cn/#/zh-CN/component/upload",
		},
		__slot__: {
			"list-type": true,
		},
		placeholder: "请选择",
		action: "https://jsonplaceholder.typicode.com/posts/",
		disabled: false,
		accept: "",
		name: "file",
		"auto-upload": true,
		"list-type": "text",
		multiple: false,
	},
	{
		__config__: {
			label: "手机号",
			tag: "phone_sms",
			tagIcon: "el-icon-mobile-phone",
			layout: "colFormItem",
			defaultValue: null,
			showLabel: true,
			span: 24,
			buttonText: "点击上传",
			regList: [{ pattern: "/^[1][3-9][0-9]{9}$/", message: "请输入正确的手机号" }],
			changeTag: true,
			sizeUnit: "MB",
			document: "https://element.eleme.cn/#/zh-CN/component/upload",
			isUnique: false,
			intervalSecond: 60, //发送间隔
			validityMinute: 5, //有效期
		},
		__slot__: {
			"list-type": true,
		},
		placeholder: "请填写正确的",
		action: "https://jsonplaceholder.typicode.com/posts/",
		"list-type": "text",
		multiple: false,
	},
]

// 系统组件 需登录 【左面板】
export const systemComponents = [
	{
		__config__: {
			label: "创建人",
			tag: "create_user",
			tagIcon: "el-icon-user",
			layout: "colFormItem",
			defaultValue: null,
			showLabel: true,
			span: 6,
			buttonText: "点击上传",
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/upload",
		},
		__slot__: {
			"list-type": true,
		},
		action: "https://jsonplaceholder.typicode.com/posts/",
		"list-type": "text",
	},
	{
		__config__: {
			label: "创建时间",
			tag: "create_time",
			tagIcon: "el-icon-date",
			layout: "colFormItem",
			defaultValue: null,
			showLabel: true,
			span: 6,
			buttonText: "点击上传",
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/upload",
		},
		__slot__: {
			"list-type": true,
		},
		action: "https://jsonplaceholder.typicode.com/posts/",
		"list-type": "text",
	},
]

// 布局型组件 【左面板】
export const layoutComponents = [
	{
		__config__: {
			layout: "rowFormItem",
			tagIcon: "row",
			label: "行容器",
			layoutTree: true,
			document: "https://element.eleme.cn/#/zh-CN/component/layout#row-attributes",
		},
		type: "default",
		justify: "start",
		align: "top",
	},
	{
		__config__: {
			label: "按钮",
			showLabel: true,
			changeTag: true,
			labelWidth: null,
			tag: "el-button",
			tagIcon: "button",
			span: 24,
			layout: "colFormItem",
			document: "https://element.eleme.cn/#/zh-CN/component/button",
		},
		__slot__: {
			default: "主要按钮",
		},
		type: "primary",
		icon: "el-icon-search",
		round: false,
		size: "medium",
		plain: false,
		circle: false,
		disabled: false,
	},
	{
		__config__: {
			layout: "colFormItem",
			tagIcon: "table",
			tag: "el-table",
			document: "https://element.eleme.cn/#/zh-CN/component/table",
			span: 24,
			formId: 101,
			renderKey: 1595761764203,
			componentName: "row101",
			showLabel: true,
			changeTag: true,
			labelWidth: null,
			label: "表格[开发中]",
			dataType: "dynamic",
			method: "get",
			dataPath: "list",
			dataConsumer: "data",
			url: "https://www.fastmock.site/mock/f8d7a54fb1e60561e2f720d5a810009d/fg/tableData",
			children: [
				{
					__config__: {
						layout: "raw",
						tag: "el-table-column",
						renderKey: 15957617660153,
					},
					prop: "date",
					label: "日期",
				},
				{
					__config__: {
						layout: "raw",
						tag: "el-table-column",
						renderKey: 15957617660152,
					},
					prop: "address",
					label: "地址",
				},
				{
					__config__: {
						layout: "raw",
						tag: "el-table-column",
						renderKey: 15957617660151,
					},
					prop: "name",
					label: "名称",
				},
				{
					__config__: {
						layout: "raw",
						tag: "el-table-column",
						renderKey: 1595774496335,
						children: [
							{
								__config__: {
									label: "按钮",
									tag: "el-button",
									tagIcon: "button",
									layout: "raw",
									renderKey: 1595779809901,
								},
								__slot__: {
									default: "主要按钮",
								},
								type: "primary",
								icon: "el-icon-search",
								round: false,
								size: "medium",
							},
						],
					},
					label: "操作",
				},
			],
		},
		data: [],
		directives: [
			{
				name: "loading",
				value: true,
			},
		],
		border: true,
		type: "default",
		justify: "start",
		align: "top",
	},
]

export const diligenceComponents = [
	{
		__config__: {
			label: "日期时间范围统计",
			tag: "fortress-date-time-stat",
			tagIcon: "el-icon-date",
			defaultValue: [],
			span: 24,
			showLabel: true,
			labelWidth: 150,
			required: true,
			layout: "colFormItem",
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/date-picker",
		},
		style: { width: "100%" },
		type: "datetimerange",
		"range-separator": "至",
		"start-placeholder": "开始日期",
		"end-placeholder": "结束日期",
		disabled: false,
		clearable: true,
		format: "yyyy-MM-dd",
		size: "medium",
		"value-format": "yyyy-MM-dd",
		readonly: false,
	},
	{
		__config__: {
			label: "日期天范围统计",
			tag: "fortress-date-time-stat-day",
			tagIcon: "el-icon-date",
			defaultValue: {},
			span: 24,
			showLabel: true,
			labelWidth: 150,
			required: true,
			layout: "colFormItem",
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/date-picker",
		},
		style: { width: "100%" },
		type: "datetimerange",
		"range-separator": "至",
		"start-placeholder": "开始日期",
		"end-placeholder": "结束日期",
		disabled: false,
		clearable: true,
		format: "yyyy-MM-dd",
		size: "medium",
		"value-format": "yyyy-MM-dd",
		readonly: false,
	},
	{
		__config__: {
			label: "请假",
			tag: "fortress-holiday",
			tagIcon: "el-icon-date",
			defaultValue: [],
			hideLabel: true,
			span: 24,
			showLabel: true,
			labelWidth: null,
			required: true,
			layout: "colFormItem",
			regList: [],
			changeTag: true,
			document: "https://element.eleme.cn/#/zh-CN/component/date-picker",
		},
		style: { width: "100%" },
		disabled: false,
		size: "medium",
		readonly: false,
	},
]
